<script setup lang="ts">
const props = defineProps({
  width:{
    type: String,
    default: '322'
  },
  height:{
     type: String,
    default: '322'
  },
  top:{
    type: String,
    default: '0'
  },
  left:{
    type: String,
    default: '0'
  },
})
</script>

<template>
  <view class="coverBox" :style="{width:`${width}rpx`,height:`${height}rpx`,top:`${top}rpx`,left:`${left}rpx`}">
    <slot></slot>
  </view>
</template>

<style scoped lang="scss">
.coverBox{
  background: #39bfe040;
  border: 0.39rpx solid #FFFFFF;
  border-radius: 18.33rpx;
  backdrop-filter: blur(5.85rpx);
  z-index: 3;
  position: absolute;
}
</style>
